<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 测试上传git -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title><link rel="stylesheet" href="/libs/font/iconfont.css">
    <link rel="stylesheet" href="/css/ShoppingCart.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <a href="/index.html">
            <img src="/images/ShoppingCart/logo.png" alt="">
        </a>

        <span>您好,欢迎光临凡客诚品!</span>
        <span>
            <a href="/html/login.html">登录</a> | <a href="/html/register.html">注册</a>
        </span>
        <a href="#">帮助中心</a>
    </header>

    <!-- 显示步骤 -->
    <div id="step">
        <div>1.我的购物车</div>
        <div>2.填写核对信息单</div>
        <div>3.成功提交订单</div>
    </div>

    <!-- 我的购物车 -->
    <div id="meshopping">
        <div>
            <img src="/images/ShoppingCart/shopcare.png" alt="">
            <h2>我的购物车</h2>
        </div>
        <p><span>温馨提示：</span>1.选购清单中的商品无法保留库存，请您及时结算。2.商品的价格和库存将以订单提交时为准。3.促销活动满减优惠将均摊至商品小计中。</p>
    </div>

    <!-- 商品信息 -->
    <div id="CyIn">
        <table border="1" cellspacing="0">
            <tr>
                <td>
                    <input type="checkbox" name="" id="" >全选
                </td>
                <td>
                    商品名称
                </td>
                <td>
                    尺寸
                </td>
                <td>
                    单价
                </td>
                <td>
                    数量
                </td>
                <td>
                    优惠
                </td>
                <td>
                    小计
                </td>
                <td>
                    操作
                </td>
            </tr>
            <!-- 这个数据完后可以使用模板完成 -->
            <tr>
                <td>
                    <input type="checkbox" name="" id="">
                </td>
                <td>
                    <div>
                        <img src="/images/ShoppingCart/111.jpg" alt="">
                    </div>
                    <a href="#">舒适商务衬衫 蓝色方格</a>

                </td>
                <td>
                    S
                </td>
                <td>
                    ￥ 235.00
                </td>
                <td>
                    <span>-</span>
                    <span>2</span>
                    <span>+</span>
                </td>
                <td>
                    -￥ 90.00
                </td>
                <td>
                    ￥ 380.00
                </td>
                <td>
                    <span>
                        删除
                    </span>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="" id="">
                </td>
                <td>
                    <div>
                        <img src="/images/ShoppingCart/111.jpg" alt="">
                    </div>
                    <a href="#">舒适商务衬衫 蓝色方格</a>
            
                </td>
                <td>
                    S
                </td>
                <td>
                    ￥ 235.00
                </td>
                <td>
                    <span>-</span>
                    <span>2</span>
                    <span>+</span>
                </td>
                <td>
                    -￥ 90.00
                </td>
                <td>
                    ￥ 380.00
                </td>
                <td>
                    <span>
                        删除
                    </span>
                </td>
            </tr>
            
        </table>
    </div>

    <!-- 结算 -->
    <div id="Settlement">
        <div>
            <ul>
                <li>
                    <input type="checkbox" name="" id="">全选
                    <span>删除</span>
                    <span>
                        数量总计
                        <span style="color: #a10000;">2</span>
                        件
                    </span>
                    <span style="color: #a10000;"><strong>您目前可享受全场购物免运费</strong>
                        </span>
                </li>
                <li>
                    活动优惠:
                    <span style="color: #a10000;">-￥90.00</span>
                </li>
                <li>
                    产生金额总计(不含运费):
                    <span style="color: #a10000; font-size: 18px;">
                        ￥ 380.00
                    </span>
                    <a href="#" style="color: #a10000;">点击领取优惠券</a>
                </li>
            </ul>
        </div>
        <div>
            <button>
                继续购物
            </button>
            <button>
                ￥去购物
            </button>
        </div>
    </div>

    <!-- footer -->
    <footer>
        <p>Copyright 2007 - 2020 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号</p>
        <div>
            <img src="/images/ShoppingCart/cert-costumeorg.gif" alt="">
            <img src="/images/ShoppingCart/cert-redlogo.gif" alt="">
            <img src="/images/ShoppingCart/cert-wsjybzzx.gif" alt="">
        </div>
    </footer>

    <script src="/libs/require/require.min.js" data-main="/js/ShoppingCart"></script>
    
</body>
</html>